<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
   <!--  <button id="btn1">同步按钮</button> -->
    <button id="btn2">异步按钮</button>
</body>
<script>
     //同步方法
     // var btn1 = document.getElementById('btn1');
     // btn1.onclick =function(){
     //    var xhr = new XMLHttpRequest();
     //    var info;
     //    xhr.open('get','info.txt',true);
     //    xhr.send();
     //    // info = xhr.responseText;
     //    // console.log(info);
     //    setInterval(function(){
     //    info = xhr.responseText;
     //     console.log(info)
     // },1000)
     // }
     
    //异步方法
     var btn2 = document.getElementById('btn2');
     btn2.onclick = function(){
        var xhr = new XMLHttpRequest();
        var info;
        xhr.open('get','info.txt',true);
        xhr.send();
        xhr.onreadystatechange = function(){
            if(xhr.readyState ==4 && xhr.status==200){
                info =xhr.responseText;
                console.log(info);
            }
        }
     }
   
</script>
</html>